<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>尚硅谷会员登录页面</title>
<link type="text/css" rel="stylesheet" href="/static/css/style.css" >
<!--引入jquery.js文件 -->
<script type="text/javascript" src="/static/script/jquery-1.7.2.js"></script>
<script>
	//相当于window.onlaod = function(){};
	$(function(){
		//给登录按钮绑定单击事件
		$("#sub_btn").click(function(){
			//获取用户输入的用户名
			/*
				val()：用来获取或设置input中的value属性值
				对象.val()：获取value属性值
				对象.val("new Value")：设置value属性值
			*/
			var username = $("#username").val();
			//判断用户名是否为空
			if(username == ""){
				alert("用户名不能为空！");
				//取消默认行为
				return false;
			}
			//获取用户输入的密码
			var password = $("#password").val();
			if(password == ""){
				alert("密码不能为空！");
				return false;
			}
		});
		//切换span标签中的信息
		if("{{.}}"=="用户名或密码不正确！"){
			//设置span标签中的文本值
			$("#msg").text("用户名或密码不正确！");
		}
	});
</script>
</head>
<body>
		<div id="login_header">
			<img class="logo_img" alt="" src="/static/img/logo.gif" >
		</div>
		
			<div class="login_banner">
			
				<div id="l_content">
					<span class="login_word">欢迎登录</span>
				</div>
				
				<div id="content">
					<div class="login_form">
						<div class="login_box">
							<div class="tit">
								<h1>尚硅谷会员</h1>
								<a href="/pages/user/regist.html">立即注册</a>
							</div>
							<div class="msg_cont">
								<b></b>
								<span class="errorMsg" id="msg">请输入用户名和密码</span>
							</div>
							<div class="form">
								<form action="/login" method="POST">
									<label>用户名称：</label>
									<input class="itxt" type="text" placeholder="请输入用户名" autocomplete="off" tabindex="1" name="username" id="username"/>
									<br />
									<br />
									<label>用户密码：</label>
									<input class="itxt" type="password" placeholder="请输入密码" autocomplete="off" tabindex="1" name="password" id="password"/>
									<br />
									<br />
									<br />
									<input type="submit" value="登录" id="sub_btn" />
								</form>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		<div id="bottom">
			<span>
				尚硅谷书城.Copyright &copy;2015
			</span>
		</div>
</body>
</html>